<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" type="text/css" href="css/common.css">
</head>
<body>
<div class="hi"><img src="images/manager.png" ></div>
<div class="bd">
    <div class="logo"><img src="images/login.png" style="height: 266px;padding: 50px"></div>
    <div class="login">
        <form method="post" action="http://djongo.login">
            <div class="gp">
                <label class="tip">
                    <span style="color: red;">*</span>
                    用户名：
                </label>
                <input type="text" name="username" >
            </div>
            <div class="gp">
                <label class="tip">
                    <span style="color: red;">*</span>
                    密码：
                </label>
                <input type="password" name="pwd">
            </div>
            <div class="gp" style="font-size: 12px;">
                <label class="tip"></label>
                <label class="autologin">
                    <input type="checkbox" checked="checked" name="autologin">
                    <span>自动登录</span>
                    <span style="color: blue;font-size: 12px;margin-left: 10px">
                        <a href="#" >忘记密码?</a>
                    </span>
                </label>
            </div>
            <div class="gp">
                <label class="tip"></label>
                <input type="button" onclick="unv()" value="登 录" class="tijiao">
            </div>
        </form>
    </div>
</div>
<div class="bottom">© 2015-2016 www.xxx.com All Rights Reserved. xx公司 版权所有 </div>
<script src="js/jquery-2.1.4.js"></script>
<script type="text/javascript">
    function unv(){
        var uname = $("input[name='username']").val();
        if (uname.length != 0){
            alert("ok")
        }else{
            alert("用户名不能为空！")
        }
    }
</script>
</body>
</html>